<template>
  <div>
    <div>
      <h4>关节活动度评定（下肢）</h4>
      <el-row>
        <el-col :span="6">
          <el-select v-model="pgForm.joint_range_motion_lower_lr" style="width: 50%">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
          下肢
        </el-col>
        <el-col :span="6">
          髋
          <el-input
            class="input"
            style="width: 88px"
            type="text"
            maxlength="3"
            v-model="pgForm.joint_range_motion_lower_kuan">
          </el-input>
          度
        </el-col>
        <el-col :span="6">
          膝
          <el-input
            class="input"
            style="width: 88px"
            type="text"
            v-model="pgForm.joint_range_motion_lower_xi">
          </el-input>
          度
        </el-col>
        <el-col :span="6">
          踝
          <el-input
            class="input"
            style="width: 88px"
            type="text"
            v-model="pgForm.joint_range_motion_lower_huai">
          </el-input>
          度
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "joint_range_motion_lower",
  title: "关节活动度评定（下肢）",
  created() {
    if(this.istrans){
      this.pgForm=this.fromdata
    }
  },
  props: {
    fromdata:{},
    istrans:false,
  },
  data() {
    return {
      options: [
        {
          value: 'l',
          label: '左'
        },
        {
          value: 'r',
          label: '右'
        },

      ],
      pgForm: {
        joint_range_motion_lower_lr: '',
        joint_range_motion_lower_kuan: '',
        joint_range_motion_lower_xi: '',
        joint_range_motion_lower_huai: '',
      }
    }
  }
}
</script>

<style scoped>
.el-row{
  margin: 10px 0;
  padding: 20px 20px;
  background-color: #f9f9f9;
}
</style>
